<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			h2 {
				font-size: 18px;
				color: white;
				font-weight: bold;
				line-height: 35px;
				background: linear-gradient(to bottom, #0467AC, #63A7D4, #B6DBF5);
				text-indent: 1em;
			}
			
			h3 {
				width: 270px;
				font-size: 14px;
				font-weight: bold;
				line-height: 30px;
				background: linear-gradient(to bottom, #0467AC, #63A7D4, #B6DBF5);
				text-indent: 2em;
				margin-left: 30px;
			}
			
			a:link {
				color: #666666;
				text-decoration: none;
			}
			
			a:hover {
				font-size: 12px;
				line-height: 26px;
				color: #F60;
				text-decoration: underline;
			}
			
			li {
				list-style: none;
				line-height: 26px;
				font-size: 12px;
			}
		</style>
	</head>

	<body>
		<div style="width: 300px;">
			<h2>家用电器</h2>
			<h3>大家电</h3>
			<ul>
				<li>
					<a href="#">平板电视</a>
					<a href="#">洗衣机</a>
					<a href="#">冰箱</a>
				</li>
				<li>
					<a href="#">空调</a>
					<a href="#">烟机/灶具</a>
					<a href="#">热水器</a>
				</li>
				<li>
					<a href="#">冷柜酒柜</a>
					<a href="#">消毒柜</a>
					<a href="#">家庭影院</a>
				</li>
			</ul>
			<h3>生活电器</h3>
			<ul>
				<li>
					<a href="#">电风扇 </a>
					<a href="#">净化器</a>
					<a href="#">吸尘器</a>
				</li>
				<li>
					<a href="#">净水设备</a>
					<a href="#">挂烫机</a>
					<a href="#">电话机</a>
				</li>

			</ul>
			<h3>厨房电器</h3>
			<ul>
				<li>
					<a href="#">榨汁机 </a>
					<a href="#">电压力锅</a>
					<a href="#">电饭煲</a>
				</li>
				<li>
					<a href="#">豆浆机</a>
					<a href="#">微波炉</a>
					<a href="#">电磁炉</a>
				</li>

			</ul>
			<h3>五金家装</h3>
			<ul>
				<li>
					<a href="#">淋浴/水槽 </a>
					<a href="#">电动工具</a>
					<a href="#">手动工具</a>
				</li>
				<li>
					<a href="#">仪器仪表</a>
					<a href="#">浴霸/排气</a>
					<a href="#">灯具</a>
				</li>

			</ul>
		</div>
	</body>
</html>
